<!DOCTYPE html>
<style>
.container {
  position: absolute;
}
.compare {
  position: absolute;
  top: 8px;
  left: 8px;
  width: 16px;
  height: 16px;
  background: red;
}
.target {
  position: absolute;
  transform: scale(0.5);
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  background: green;
}
</style>
<div class="container" style="top: 0.1px; left: 0.1px">
  <div class="compare"></div>
  <div class="target"></div>
</div>
<div class="container" style="top: 20.2px; left: 0.2px">
  <div class="compare"></div>
  <div class="target"></div>
</div>
<div class="container" style="top: 40.3px; left: 0.3px">
  <div class="compare"></div>
  <div class="target"></div>
</div>
<div class="container" style="top: 60.4px; left: 0.4px">
  <div class="compare"></div>
  <div class="target"></div>
</div>
<div class="container" style="top: 80.5px; left: 0.5px">
  <div class="compare"></div>
  <div class="target"></div>
</div>
<div class="container" style="top: 100.6px; left: 0.6px">
  <div class="compare"></div>
  <div class="target"></div>
</div>
<div class="container" style="top: 120.7px; left: 0.7px">
  <div class="compare"></div>
  <div class="target"></div>
</div>
<div class="container" style="top: 140.8px; left: 0.8px">
  <div class="compare"></div>
  <div class="target"></div>
</div>
<div class="container" style="top: 160.9px; left: 0.9px">
  <div class="compare"></div>
  <div class="target"></div>
</div>
<div class="container" style="top: 181px; left: 1px">
  <div class="compare"></div>
  <div class="target"></div>
</div>
